/* banner区域 */
.poster{
    width: 1920px;
    height: 473px;
    background: url(../imgs/O1CN01RF6lM61CPvrvZpOuD_!!74-0-luban.jpg_q100.jpg_.png) no-repeat;
    margin: 0 auto;
    transform: translateX(-360px);
}
.poster_content {
    width: 270px;
    height: 395px;
    background-color: rgba(0,0,0,.3);
    border-radius: 10px;
    padding: 0 19px 0 21px;
    color: #fff;
    box-sizing: border-box;
    position: absolute;
    right: 444px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.poster_content h3{
    font-size: 24px;
    text-align: center;
    line-height: 54px;
}
.poster_content dl{
    border-bottom: 1px dashed #fff;
    padding-bottom: 8px;
    box-sizing: border-box;
}
.poster_content dl dt{
    font-size: 16px;
    margin-bottom: 5px;
}
.poster_content dl dd{
    font-size: 14px;
    line-height: 24px;    
}
.poster_content dl dd a{
    color: #fff;
    margin-left: 10px;
}
.poster_content dl:nth-child(n+3) {
    margin-top: 10px;
}
.poster_content dl dd a:hover {
    color: #f60;
}

/* 主体部分 */
.main{
    background-color: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 74px;
}
.main .main_h ul:first-child li {
    position: relative;
    float: left;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    height: 370px;
    overflow: hidden;
}
.main .main_h ul:first-child li:nth-child(-n+2) {
    margin-right: 13px;
}
.main .main_h ul:first-child li i{
    font-style: unset;
    font-size: 14px;
    color: #9f9f9f;
    margin-left: 15px;
}
.main .main_h ul:first-child li h3{
    font-size: 24px;
    color: #333;
    line-height: 50px;
    padding: 0 15px;
    box-sizing: border-box;  
    background-color: #fff; 
}
.main .main_h ul:first-child li h3 span{
    float: right;
    width: 23px;
    height: 23px;
    border: 1px solid #949494;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 14px;
    color: #949494;
    text-align: center;
    line-height: normal;
    margin-top: 14px;
}
.main .main_h ul:first-child li div{
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 200px;
    height: 55px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 6px 0;
    box-sizing: border-box;
}
.main .main_h ul:first-child li div img{
    margin: 0 12px 0 5px;
}
.main .main_h ul:first-child li div h2{
    font-size: 18px;
}
.main .main_h ul:first-child li div h2 p{
    font-size: 14px;
}

.main .main_h ul:last-child{
    margin-top: 25px;
}
.main .main_h ul:last-child li{
    float: left;
}
.main .main_h ul:last-child img {
    width: 285px;
    height: 101px;
}
.main .main_h ul:last-child li:nth-child(-n+3) {
    margin-right: 20px;
}

/* 主体公共样式 */
/* 左边部分 */
.tsa_common {
    margin-top: 43px;
}
.tsa_common h3{
    font-size: 24px;
    color: #333;
    text-align: center;
    background: url(../imgs/title_bg_icon2拷贝.png) no-repeat;
    background-position: center;
}
.tsa_common>p{
    font-size: 18px;
    color: #8f8f8f;
    text-align: center;
    margin: 6px 0 27px 0;
}
.tsa_common_l{
    float: left;
    padding: 25px 18px 0;
    box-sizing: border-box;
    width: 272px;
    height: 410px;
    background: url(../imgs/TB1E5C9gEY1gK0jSZFMXXaWcVXa-468-1236.png) no-repeat;
}
.tsa_common_l li{
    float: left;
    width: 113px;
    height: 35px;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-bottom: 15px;
    background-color: #caa493;
    cursor: pointer;
}
.tsa_common_l li:nth-child(odd) {
    margin-right: 10px;
}

/* 中间部分 */
.tsa_commom_c {
    float: left;
    width: 624px;
    margin: 0 15px;
}
.tsa_commom_c li{
    float: left;
    width: 312px;
    height: 205px;
    background-color: #fff;
}
.tsa_commom_c li h4{
    font-size: 18px;
    color: #333;
    line-height: 50px;
}
.tsa_commom_c li p{
    font-size: 16px;
    color: #ef0000;
}
.tsa_commom_c li div{
    font-size: 20px;
    color: #333;
    margin-top: 55px;
}
.tsa_commom_c li div span{
    display: block;
    font-size: 12px;
    color: #888;
    text-decoration: line-through;
    margin-top: 5px;
}
.tsa_commom_c li:nth-child(2),
.tsa_commom_c li:nth-child(3){
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}
.tsa_commom_c li:nth-child(2) img,
.tsa_commom_c li:nth-child(3) img{
    position: absolute;
    right: 35px;
    bottom: 23px;
}

/* 右边部分 */
.tsa_common_r{
    float: left;
    width: 274px;
    height: 410px;
    background-image: url(../imgs/勋章.png);
    background-position: 190px -39px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
}
.tsa_common_r h4{
    font-size: 18px;
    color: #333;
    line-height: 40px;
}
.tsa_common_r h4 span{
    font-size: 12px;
    color: #9f9f9f;
    margin-left: 8px;
}
.tsa_common_r li:nth-child(-n+5) {
    border-bottom: 1px solid #ccc;
}
.tsa_common_r li>p{
    font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 46px;
    cursor: pointer;
}
.tsa_common_r li:first-child p{
    line-height: normal;
    margin-bottom: 15px;
}
.tsa_common_r li div {
    position: relative;
    display: none;
    margin-bottom: 15px;
}
.tsa_common_r li div img {
    float: left;
    margin-right: 10px;
}
.tsa_common_r li div p{
    float: left;
    width: 120px;
    font-size: 14px;
    color: #333;
    font-weight: 700;
}
.tsa_common_r li div span{
    float: left;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-top: 30px;
}
.tsa_common_r li div i{
    position: absolute;
    left: 74px;
    top: 0;
    width: 16px;
    height: 23px;
    background: url(../imgs/颜色填充2.png) no-repeat;
    font-size: 12px;
    color: #fff;
    font-style: unset;
    text-align: center;
    line-height: 23px;
}

/* 男装热销区域 */
.menwear .tsa_common_l{
    background-image: url("../imgs/ias_156637486331359_570x273_90.png");    
}
.menwear .tsa_common_l li{
    background-color: #29292f;
}

/* 品牌区域 */
.brand .brand_info_h img{
    margin: 0 25px 0 35px;
}
.brand .brand_info_h div{
    width: 495px;
}
.brand .brand_info_h div h4{
    font-size: 30px;
    color: #333;
    margin-top: 5px;
}
.brand .brand_info_h div p{
    font-size: 16px;
    color: #808080;
    line-height: 38px;
}
.brand .brand_info_h div span{
    font-size: 24px;
    color: #333;
    display: block;
    width: 324px;
    height: 62px;
    border: 1px solid #6b6b6b;
    text-align: center;
    line-height: 62px;
    cursor: pointer;
    margin-top: 35px;
}
.brand .brand_info_b {
    margin-top: 49px;
}
.brand .brand_info_b li{
    float: left;
    width: 285px;
    height: 250px;
    background-color: #fff;
    text-align: center;
    position: relative;
}
.brand .brand_info_b li img{
    width: 285px;
    height: 170px;
}
.brand .brand_info_b li p{
    font-size: 24px;
    color: #333;
    line-height: 44px;
}
.brand .brand_info_b li span{
    font-size: 14px;
    color: #808080;
}
.brand .brand_info_b li i{
    position: absolute;
    right: 10px;
    bottom: 90px;
    font-style: unset;
    width: 80px;
    height: 24px;   
    font-size: 12px;
    color: #333;
    line-height: 24px;
    text-align: left;
    border-radius: 12px;
    background: url(../imgs/心.png) no-repeat;
    background-color: #fff;
    background-position: 8px center;
    padding-left: 24px;
    box-sizing: border-box;
    cursor: pointer;
}
.brand .brand_info_b li:nth-child(-n+3) {
    margin-right: 20px;
}